<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/description_screen_swipe_refresh_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/example_back">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.card.MaterialCardView
            android:id="@+id/cardView5"
            android:layout_width="match_parent"
            android:layout_height="@dimen/Ops_0dp"
            android:layout_marginStart="@dimen/MCardMargin_16dp"
            android:layout_marginTop="@dimen/MCardMargin_16dp"
            android:layout_marginEnd="@dimen/MCardMargin_16dp"
            android:layout_marginBottom="@dimen/MCardMargin_16dp"
            app:cardBackgroundColor="@color/color_white"
            app:cardCornerRadius="@dimen/MCard_Radius_15dp"
            app:cardElevation="@dimen/MCard_Elevarion_5dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:strokeColor="@color/example"
            app:strokeWidth="@dimen/MCard_Stroke_1dp">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <TextView
                    android:id="@+id/description_header"
                    style="@style/HeaderTextStyle"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/MCardMargin_16dp"
                    android:layout_marginTop="@dimen/MCardMargin_24dp"
                    android:layout_marginEnd="@dimen/MCardMargin_16dp"
                    android:contentDescription="@string/header"
                    android:gravity="center"
                    android:textColor="@color/example_dark"
                    android:textIsSelectable="true"
                    android:textSize="34sp"
                    app:layout_constraintEnd_toEndOf="@+id/description_imageview"
                    app:layout_constraintStart_toStartOf="@+id/description_imageview"
                    app:layout_constraintTop_toBottomOf="@+id/description_imageview"
                    tools:text="@string/header" />

                <ImageButton
                    android:id="@+id/play_articulation"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/MCardMargin_16dp"
                    android:background="@drawable/rounded_button"
                    android:contentDescription="@string/pronounce"
                    android:src="@drawable/baseline_volume_up_24"
                    app:layout_constraintEnd_toEndOf="@+id/description_imageview"
                    app:layout_constraintStart_toStartOf="@+id/description_imageview"
                    app:layout_constraintTop_toBottomOf="@+id/transcription"
                    app:tint="@color/image_sound_button_colors" />

                <TextView
                    android:id="@+id/transcription"
                    style="@style/TranscriptionTextStyle"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/MCardMargin_16dp"
                    android:layout_marginTop="@dimen/MCardMargin__8dp"
                    android:layout_marginEnd="@dimen/MCardMargin_16dp"
                    android:contentDescription="@string/transcription"
                    android:gravity="center"
                    android:textColor="@color/example"
                    android:textIsSelectable="true"
                    android:textSize="@dimen/MCard_Text_24sp"
                    app:layout_constraintEnd_toEndOf="@+id/description_imageview"
                    app:layout_constraintStart_toStartOf="@+id/description_imageview"
                    app:layout_constraintTop_toBottomOf="@+id/description_part_of_speech"
                    tools:text="@string/transcription" />

                <TextView
                    android:id="@+id/description_part_of_speech"
                    style="@style/BaseTextStyle"
                    android:layout_width="@dimen/Ops_0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/MCardMargin_16dp"
                    android:layout_marginTop="@dimen/MCardMargin__8dp"
                    android:layout_marginEnd="@dimen/MCardMargin_16dp"
                    android:contentDescription="@string/part_of_speach"
                    android:gravity="center"
                    android:textColor="@color/pastel_yellow_dark"
                    android:textIsSelectable="true"
                    android:textSize="@dimen/MCard_Text_16sp"
                    android:textStyle="bold|italic"
                    app:layout_constraintEnd_toEndOf="@+id/description_imageview"
                    app:layout_constraintStart_toStartOf="@+id/description_imageview"
                    app:layout_constraintTop_toBottomOf="@+id/description_header"
                    tools:text="@string/part_of_speach" />

                <TextView
                    android:id="@+id/translation_textview"
                    style="@style/BaseTextStyle"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/MCardMargin_16dp"
                    android:layout_marginTop="@dimen/MCardMargin_16dp"
                    android:layout_marginEnd="@dimen/MCardMargin_16dp"
                    android:gravity="center"
                    android:textColor="@color/example_middle"
                    android:textIsSelectable="true"
                    android:textSize="30sp"
                    app:layout_constraintEnd_toEndOf="@+id/description_imageview"
                    app:layout_constraintStart_toStartOf="@+id/description_imageview"
                    app:layout_constraintTop_toBottomOf="@+id/play_articulation" />

                <com.diplomproject.utils.ui.EquilateralImageView
                    android:id="@+id/description_imageview"
                    android:layout_width="@dimen/MCard_bigIng_200dp"
                    android:layout_height="@dimen/MCard_Big_Image2_250dp"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="@dimen/MCard_24dp"
                    android:contentDescription="@string/image_stub"
                    android:visibility="visible"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:srcCompat="@drawable/ic_no_photo_vector"
                    tools:visibility="visible" />

                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="@dimen/Ops_0dp"
                    android:layout_marginStart="@dimen/MCardMargin__8dp"
                    android:layout_marginTop="@dimen/MCardMargin_16dp"
                    android:layout_marginEnd="@dimen/MCardMargin__8dp"
                    android:layout_marginBottom="@dimen/MCardMargin_16dp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/translation_textview">

                    <ProgressBar
                        android:id="@+id/progress_bar_round_description"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center" />

                    <androidx.recyclerview.widget.RecyclerView
                        android:id="@+id/description_recyclerview"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:scrollbars="vertical"
                        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
                </FrameLayout>

            </androidx.constraintlayout.widget.ConstraintLayout>
        </com.google.android.material.card.MaterialCardView>
    </androidx.constraintlayout.widget.ConstraintLayout>

</LinearLayout>
